import React from 'react';
import { Card } from 'antd';
import './serviceCard.css';
// 推荐页面卡片(右,详细信息)
const ServiceCardSpecifics = ({ service }) => {
    const { name, description,  provider, cost, location, dateTime } = service;

    return (
      
      <Card title={name} className='servicecard'>
        <p className="service-description">{description}</p>
        <p><strong className="service-label">提供商：</strong> <span className="service-info">{provider}</span> </p>
        <p><strong className="service-label">费用：</strong> <span className="service-info">{cost}</span> </p>
        <p><strong className="service-label">地点：</strong> <span className="service-info">{location}</span> </p>
        <p><strong className="service-label">日期时间：</strong> <span className="service-info">{dateTime}</span> </p>
       
      </Card>
    );
};

export default ServiceCardSpecifics;
